@charset "utf-8"
/* CSS Document */
/*初置开始*/
/*点击输入框不显示外边框*/
*{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  cursor:pointer;
}
/* 点击阴影消除 */
div,a,span,img {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select:none;
}
html,body{
	font-family: "Microsoft YaHei",STXihei,Helvetica,Arial,sans-serif;
	line-height: 1.5;
	color: #4d4d4d;
	font-size: 12px;
  width:100%;
  height:100%;
	-webkit-text-size-adjust:none;
}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {
  margin: 0;
  padding: 0;
}
header,footer,section,article,aside,nav,address,figure,figcaption,menu,details {
  display: block;
}

@font-face {
  font-family: DINPro-Medium;/*×定义font的名字×*/
  src: url('../fonts/DINPro-Medium.otf');/*把下载的字体文件引入进来×*/
}
ul,ol,li,p{
  list-style: none;line-height: 1;
}
img{
  max-width: 100%;
  border:0;
  outline-width: 0px;
  display: block;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
caption,th {
  text-align: left;
  font-weight: normal;
}
html,body,fieldset,img,iframe,abbr {
  border: 0;
}
i,cite,em,var,address,dfn {
  font-style: normal;
}
h1,h2,h3,h4,h5,h6,small {
  font-size: 100%;
}
a,button {
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
h1,h2,h3,h4,h5,h6,em,strong,b {
  font-weight: bold;
}


/*隐藏select框、input*/
[hidefocus],summary{
  outline: 0;
}
input{
  outline: none;
  border: none;
}
input[type="button"],input[type="submit"] {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
input:focus {
  outline: none;
}
select,
textarea,
input{
  -webkit-user-select: auto;
  -webkit-box-shadow: none;
  box-shadow: none ;
  border-radius:0;
  -webkit-border-radius:0;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
select{
  background: #fff;
  outline: none;
  resize: none;
}
/*A标签点击灰色区域框*/
a{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:active {
  text-decoration: none;
  color: inherit;
}
a,a:hover{
  text-decoration: none;
}
/*字体加粗*/
.bold{
  font-weight: bold;
}
/*定位*/
.pr{
  position: relative;
}
.pb{
  position: absolute;
}
.pf{
  position: fixed;
}
/*字体间距*/
.letter-size{
  letter-spacing: 1px;
}
.hide{
  display: none;
}
/*border边框*/
/* 上下边线 */
.bor-b1{
  border-bottom:1px solid #dedede;
}
.bor-r1{
  border-right:1px solid #dedede;
}

/*border-radius圆角*/
.br-2{
  border-radius: 2px;
}
.br-3{
  border-radius: 3px;
}
.br-4{
  border-radius: 4px;
}
.br-10{
  border-radius:10px;
}
/**********************************************************************/
/*text-align*/
.ta-l{text-align: left;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}
/*设置对象显示隐藏*/
.show{display: block;}
/* 浮动 */
.fl,.f-fl{float: left;}
.fr,.f-fr{float: right;}
/*清除浮动*/
.clear:after{clear:both;line-height:0;height:0;visibility:hidden;
  content:".";display:block;overflow:hidden;}  
.clearfix {
  *zoom: 1;
  clear: both;
}
.clearfix::after,.clearfix::before{
  content: " ";
  display: table;
}
.clearfix::after{
  clear: both;
}
/* 文字截断 */
/*单行省略*/
.ui-nowrap {max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ui-nowrap-flex {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;-webkit-box-flex: 1;height: inherit;}
/*二行省略*/
.ui-nowrap-multi {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*flex布局*/
.flex{
  display: flex;
  display: -webkit-flex;
}
.l-start{
  align-items:flex-start;
  -webkit-align-items:flex-start;
}
.l-center{
  align-items:center;
  -webkit-align-items:center;
}
.l-end{
  align-items:flex-end;
  -webkit-align-items:flex-end;
}
.a-center{
  justify-content:center;
  -webkit-justify-content:center;
}
.a-left{
  justify-content : flex-start;
  -webkit-justify-content : flex-start;
}
.a-right{
  justify-content : flex-end;
  -webkit-justify-content : flex-end;
}
.a-between{
  justify-content: space-between;
  -webkit-justify-content : space-between;
}
.a-around{
  justify-content : space-around;
  -webkit-justify-content : space-around;
}
/*设置浏览器滚动条样式，滚动不出现滚动条*/
.hidden-scroll {height: 100%; overflow-y: auto;}
.hidden-scroll::-webkit-scrollbar-track{background-color: transparent;width: 0;}
.hidden-scroll::-webkit-scrollbar{background-color: transparent;width: 0;display: none;}
.hidden-scroll::-webkit-scrollbar-thumb{background-color: transparent;width: 0;}